/*高度*/
.bh1 {height: 359px}
.bh2 {height: 319px}
.bh3 {height: 96px}
.bh4 {height: 339px}
.bh5 {height: 110px}
.bh6 {height: 234px}
.bh7 {height: 249px}
/*背景*/
.bg-gray{background-color: #ddd}
.hot-news {padding:5px;text-align: center}
.hot-news h2 {font-size: 24px;padding: 10px}
.marquee {height: 48px;overflow: hidden;border-bottom: 1px solid #ccc}
.marquee .list {white-space: nowrap}
/*20220704*/
.hot-news {position:relative;/*padding: 15px 0 15px 80px;*/height: 80px;background: transparent url("/cms_files/filemanager/1770986276/picture/202211/2f12cc093e974afd92e3db9daa5c225a.png") no-repeat left center;overflow: hidden}
.news-list {padding:0;width: 94%;float: right;height:100%;list-style: none outside none}
.news-list li {min-height: 86px;padding: 0;top:-100px;right:0;bottom:0;left:0;z-index:9;opacity:0;-webkit-transition: all 200ms ease-in-out 0ms;-moz-transition: all 200ms ease-in-out 0ms;-o-transition: all 200ms ease-in-out 0ms;transition: all 200ms ease-in-out 0ms;overflow: hidden}
.news-list li.active {top:0;opacity: 1}
.news-list li h3 {overflow:hidden;white-space:nowrap;text-align: center;font-size: 22px;text-overflow: ellipsis;line-height: 86px}
.news-list li p {line-height: 1.5;font-size: 14px;color: #999;text-indent: 2em}
.news-list a {font-weight: bold}
.news-list a:link,.news-list a:active,.news-list a:visited {color: red}
.news-list a:hover {color: #333}
/*标题*/
.title.title-vertical{width:auto;height:100%;padding:0 15px;background-color: #3072cf}
.title-vertical h3{width:2.4em;margin:0 auto;padding:10px 0;font-size:18px;letter-spacing:.2em;line-height:1.25;color:#fff;text-align: center}
/*轮播*/
.slider.default{height:359px}
.slider.spec{width:1170px;height:120px;margin:0 auto}
.slider.default .slider-item li{height:359px}
.slider.spec .slider-item li{height:120px}
.slider.default .slider-nav{bottom: 20px;right:10px}
.slider.spec .slider-nav{right:15px;bottom:10px}
.slider.spec .slider-nav li{width: 18px}
.slider.spec .slider-nav a{width:12px;border:1px solid #000}
/*滚动*/
.scroll-box{position:relative;padding:0;overflow:hidden}
.scroll-box-area{position:relative;width:100%;height:100%;padding:0;overflow:hidden}
.scroll-box .btn-right,.scroll-box .btn-left,.scroll-box .btn-up,.scroll-box .btn-down{position:absolute;z-index:9;display:inline-block;width:15px;height:30px;margin:auto;line-height:30px;text-align:center;font-size:18px;color:#999;background-color: #eee;-moz-transition: 400ms all ease-in-out;-webkit-transition: 400ms all ease-in-out;transition: 400ms all ease-in-out}
.scroll-box .btn-right:hover,.scroll-box .btn-left:hover,.scroll-box .btn-up:hover,.scroll-box .btn-down:hover{background-color: #3072cf;color:#fff}
.scroll-box .btn-right{top:0;right:0;bottom:0}
.scroll-box .btn-left{top:0;bottom:0;left:0}
.scroll-box .btn-up{top:0;right:0;left:0}
.scroll-box .btn-down{right:0;bottom:0;left:0}
.scroll-box.spec{padding:0;height: 96px}
.scroll-box.gallery{height:100%}
/*滚动图片列表*/
.scroll-list{width:200%;list-style: none outside none;padding:0}
.scroll-list.list-spec,.scroll-list.list-gallery{height:100%}
.scroll-list:before,.scroll-list:after{content:'';display:table;height:0;clear:both}
.scroll-list li{width:200px;padding:0;float: left;text-align: left}
.scroll-list img{height:100px;width:190px;-webkit-transition: all 200ms ease-in-out 0ms;-moz-transition: all 200ms ease-in-out 0ms;-o-transition: all 200ms ease-in-out 0ms;transition: all 200ms ease-in-out 0ms}
.scroll-list img:hover{-webkit-box-shadow:0 0 2px #000;box-shadow:0 0 2px #000;opacity: .8}
.scroll-list p{padding: 0;line-height: 30px}
.scroll-list.list-spec li{width:297px;height:100%}
.scroll-list.list-spec img{height:100%;width:95%}
.scroll-list.list-gallery li{position:relative;width:297px;height:100%}
.scroll-list.list-gallery img{width:95%;height:100%}
.scroll-list.list-gallery p{position:absolute;width:95%;height:30px;margin:auto;bottom:0;left:0;line-height: 30px;text-align: center;color:#fff;background-color: rgba(0,0,0,.3)}
/*按钮组*/
.btn-group.group-circle{padding:15px 0}
.group-circle li,.group-square li,.group-brightblue li,.group-darkblue li{float:left}
.group-circle li{width:118px;height:80px}
.group-circle li a,.group-square li a{display:inline-block;*zoom:1;*display: inline;line-height:20px;font-size:14px}
.group-circle li a>.icon,.group-square li a>.icon{display:block;margin:auto;color:#3072cf;-moz-transition: 300ms all ease-in-out;-webkit-transition: 300ms all ease-in-out;transition: 300ms all ease-in-out}
.group-circle li a>.icon{width:60px;height:60px;line-height:60px;font-size:36px;background-color:#fff;-webkit-border-radius: 30px;border-radius: 30px}
.group-circle li a:hover>.icon{color:#f60;background-color: #e0ecfc;-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform: rotate(360deg)}
.btn-group.group-square{padding:10px 0;margin-right: -20px}
.group-square li{width:106px;height:75px;margin-top:10px;margin-right:10px;border: 1px solid #eee}
.group-square li a>.icon{width:45px;height:45px;line-height:50px;font-size:36px;color:#3072cf}
.group-square li a:hover>.icon{color:#f60;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/*filter: flipH()}
.btn-group.group-rectangle{padding:0 0 0 10px}
.group-rectangle li{margin:0 0 10px 0}
.group-rectangle li a,.group-brightblue li a,.group-darkblue li a{font-size:14px;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.group-rectangle li a{height:73px;line-height:73px;border:1px solid #ddd;background-color: #f7f7f7}
.group-rectangle li a>.icon,.group-brightblue li a>.icon,.group-darkblue li a>.icon{display:inline-block;*zoom:1;*display: inline;float:left;width:40px;height:40px;line-height:40px;text-align:center;font-size:32px;color:#3072cf;-moz-transition: 400ms all ease-in-out;-webkit-transition: 400ms all ease-in-out;transition: 400ms all ease-in-out}
.group-rectangle li a>.icon{margin:13px 5px}
.group-rectangle li a:hover,.group-brightblue li a:hover{background-color:#f5f5f5}
.group-rectangle li a:hover>.icon{color:#f60;-ms-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-webkit-transform:rotateX(360deg);transform: rotateX(360deg)}
.btn-group.group-brightblue{padding:10px}
.group-brightblue li{margin:0 1% 5px 1%;width:23%}
.group-brightblue li a{height:50px;padding-right:5px;line-height:50px;background-color:#e0ecfc}
.group-brightblue li a>.icon{margin:5px}
.group-brightblue li a:hover>.icon,.group-darkblue li a:hover>.icon{-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform: rotateY(360deg)}
.group-brightblue li a:hover>.icon{color:#f60}
.btn-group.group-darkblue{padding:10px;margin-right: -20px}
.group-darkblue li{margin:0 4% 5px 0;width:46%}
.group-darkblue li a{height:70px;line-height:70px;font-size:20px;background-color:#3072cf}
.group-darkblue li a>.icon{width:100px;height:70px;margin:5px;line-height:60px;color:#fff}
.group-darkblue li a:hover{background-color:#449fdb}
.group-darkblue li a:link,.group-darkblue li a:visited{color:#fff}
.group-darkblue li a:active,.group-darkblue li a:hover{color:#f00}
/*首页信息公开按钮*/
.button-xxgk { padding: 10px 0 }
.button-xxgk li {width: 11.62%;float: left;margin: 0 1% 5px 0}
.button-xxgk li:last-child {margin-right: 0}
.button-xxgk li a{height:70px;line-height:70px;font-size:20px;background-color:#e0ecfc;color: #3072cf;border-radius: 5px;display: block}
.button-xxgk li a:hover{background-color:#3072cf;color: #fff}

/*文字滚动*/
.scroll-text{width:698px;height:108px;position:relative;overflow:hidden;}
.scroll-text ul{position:absolute;}
.scroll-text li{float:left;width:182px;height:108px;text-align:center;padding-left:10px;width:auto;list-style:none;}
.scroll-text li a:hover{position:relative;top:2px;}

#popup.show {
    bottom: 0;
    opacity: 1;
    background-color: #f7f7f7;
}
#popup {
    position: fixed;
    z-index: 9999;
    height: 210px;
    width: 300px;
    max-height: 95%;
    min-height: 210px;
    overflow: auto;
    margin: auto;
    padding: 10px;
    right:0;
    bottom: -300px;
    right: 10px;
    background: #fff repeat top center;
    background-size: cover;
    border: 2px solid rgba(0,0,0,.4);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 20px #222;
    -moz-box-shadow: 0 0 20px #222;
    box-shadow: 0 0 20px #0200004F;
    opacity: 0;
    -moz-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}

#popup.show h4{
    font-size:16px;
    text-align: center;
    line-height: 1.5;
    font-size: bold;
}

#popup.show p{
    text-indent: 2em;
    font-size: 14px;
    padding-top: 10px;
    line-height: 1.5;
}

#popup .close {
    position: absolute;
    width: 20px;
    margin: auto;
    top: 0;
    right: 0;
    background-color: #eee;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

#popup img {max-width: 100%;}

/*左右浮动广告*/
.float-ad{width:197px;height:auto;margin:auto;position: absolute;display: none}
.float-ad.fleft{bottom:0;left:5px;position: fixed;}
.float-ad.fright{bottom:300px;right:5px;position: fixed;}
.float-ad>.close{position: absolute;width:16px;height:16px;margin:auto;top:-5px;right:-5px;line-height:16px;font-size: 18px;text-align:center;border:1px solid #ddd;-webkit-border-radius:8px;border-radius: 8px;background-color: #fff}
.float-ad p{padding:0}
.float-ad img{width:100%;max-width:100%;}
#left-float-ad1.fleft {top:unset!important;bottom: 210px}
#left-float-ad2.fleft {top:unset!important;bottom: 420px}
#left-float-ad2 {display: block;}
#left-float-ad2.fright {top:unset!important;bottom: 120px}
#right-float-ad1 {display: block;}
#right-float-ad1.fright {top:unset!important;bottom: 120px}

/*顶部弹出*/
.topad{position:relative;width:100%;height:0;margin:0;padding:0;opacity:0;text-align:center;background:#fff;-moz-transition: 2s all ease;-webkit-transition: 2s all ease;transition: 2s all ease}
.topad.show{height:auto;opacity: 1}
.topad img{max-width:100%;height:auto !important}
.topad .close{display:block;position:absolute;height:15px;width:15px;line-height:15px;margin:auto;top:10px;right:15px;font-size:18px;background-color: #fff;-webkit-border-radius:8px;border-radius:8px}
#topad{display:none}

/* 浮动广告 */
.float{position: absolute;top:55px;right:0;width:360px;/*height:250px;*/height: auto;background:#fff;z-index:10;/*cursor: move;*/cursor: pointer}
/*.float h1{text-align:left;font-size:14px;background:#7DC3FD;height:40px;color:#fff;float:left;display:block;width:100%;line-height:40px;margin-bottom:15px;}*/
/*.float p{line-height:25px;text-align:left;padding:0 5px;text-indent:1em;}*/
.float > .close{position: absolute;right:0;top:-10px;font-size:12px;width:15px;height:16px;text-align: center;background-color: #eee;border-radius: 10px}
#float{top:210px;right:1%;z-index: 9999}
#float > img {width: 360px}
/*#float p{color:red;font-size:14px;}*/



<!-- 写点样式，让轮播好看点 -->
ul, ol { padding: 0;}
#slider { position: relative; overflow: auto; text-align: center;}
#slider li { list-style: none;}
#slider ul li { float: left; }
#slider ul li img { height: 359px;object-fit: cover; width: 100%;}
#slider ul li p { position: absolute;bottom: 0;line-height: 45px; opacity: .4;background-color: #000;color: #fff;width: 520px;height:45px;text-indent: 20px;text-align:left}
#slider { width: 521.250px;}
#slider .dots { position: absolute; right: 0; bottom: 10px;}
#slider .dots li { display: inline-block; width: 6px;height: 6px; margin: 0 4px; text-indent: -999em;border: 2px solid #1e9fff;border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
#slider .dots li.active {background: #fff;opacity: 1;}
#slider .arrow { position: absolute; top: 200px;}
#slider #al { left: 15px;}
#slider #ar { right: 15px;}

#spec1 { position: relative; overflow: auto; text-align: center; }
#spec1 li { list-style: none;}
#spec1 ul li img{ height: 120px;object-fit: cover; }
#spec1 ul li { float: left; }
#spec1 { width: 1170px;}
#spec1 .dots { position: absolute; right: 0; bottom: 10px;}
#spec1 .dots li { display: inline-block; width: 8px;height: 8px; margin: 0 4px; text-indent: -999em;border: 2px solid #1e9fff;border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
#spec1 .dots li.active {background: #fff;opacity: 1;}
#spec1 .arrow { position: absolute; top: 200px;}
#spec1 #al { left: 15px;}
#spec1 #ar { right: 15px;}
#spec1 ul li p { position: absolute;bottom: 0;line-height: 40px; opacity: .4;background-color: #000;color: #fff;width: 520px;height:40px}